<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:fragment="footer" class="footer">
    <footer class="bd-footer py-5 bg-light">
        <div class="container py-5">
            <div class="row">
<!--                <div class="col-lg-3 mb-3">-->
<!--                    <a class="d-inline-flex align-items-center mb-2 text-decoration-none" href="/" aria-label="Bootstrap">-->
<!--                        <img src="/static/image/logo.png" alt="" width="60">-->
<!--                        <span class="fs-5">深圳社创</span>-->
<!--                    </a>-->
<!--                    <img src="/static/image/wechat.jpg" alt="" height="80">-->
<!--                    <span class="fs-5">加入我们</span>-->
<!--                </div>-->
                <div class="col-md-3 text-center">
                    <h2 class="heading-section mb-4">
                        <small>加入深圳社创</small>
                    </h2>
                    <img src="/static/image/wechat.jpg" alt="" height="100">
                </div>
                <div class="col-6 col-lg-2 offset-lg-1 mb-3">
                    <h3>产品推荐</h3>
                    <ul class="">
                        <li class="mb-2 text-warning"><a href="#">深圳社创通用服务器</a></li>
                        <li class="mb-2"><a href="#">深圳社创GPU服务器</a></li>
                        <li class="mb-2"><a href="#">人工智能服务器</a></li>
                    </ul>
                </div>
                <div class="col-6 col-lg-2 mb-3">
                    <h3>解决方案</h3>
                    <ul class="list-unstyled">
                        <li class="mb-2"><a href="/docs/5.0/getting-started/">深圳社创EGware虚拟机</a></li>
                        <li class="mb-2"><a href="/docs/5.0/examples/starter-template/">高性能解决方案</a></li>
                        <li class="mb-2"><a href="/docs/5.0/getting-started/webpack/">深圳社创机器学习平台</a></li>
                    </ul>
                </div>
                <div class="col-6 col-lg-2 mb-3">
                    <h3>技术支持</h3>
                    <ul class="list-unstyled">
                        <li class="mb-2"><a href="https://github.com/twbs/bootstrap">服务与保修政策</a></li>
                        <li class="mb-2"><a href="https://github.com/twbs/bootstrap/tree/v4-dev">售后与收费标准</a></li>
                        <li class="mb-2"><a href="https://github.com/twbs/icons">一体化定制</a></li>
                    </ul>
                </div>
                <div class="col-6 col-lg-2 mb-3">
                    <h3>关于深圳社创</h3>
                    <ul class="list-unstyled">
                        <li class="mb-2"><a href="https://github.com/twbs/bootstrap/issues">公司简介</a></li>
                        <li class="mb-2"><a href="https://github.com/twbs/bootstrap/discussions">新闻与公告</a></li>
                        <li class="mb-2"><a href="https://github.com/sponsors/twbs">联系我们</a></li>
                    </ul>
                </div>
            </div>
            <div class="row text-center">
                <div class="bottomat">版权所有 © 2012-2020 深圳社创（海南）计算机有限公司</div>
                <div>
                    <a href="http://beian.miit.gov.cn" target="_blank">津ICP备17006743号</a>
                    <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=12011402001065" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;margin-left: 12px;">
                        <i style="background:url(/static/image/jgwap-logo.png) no-repeat 0 0;width:16px;height:16px;vertical-align:middle;background-size:cover;display:inline-block;margin-right:4px;margin-top:-4px;"></i>津公网安备
                        12011402001065号
                    </a>
                </div>
            </div>
        </div>

    </footer>
    <script>
        // var _hmt = _hmt || [];
        // (function () {
        //     var hm = document.createElement("script");
        //     hm.src = "https://hm.baidu.com/hm.js?ba91a488f131c5098a4b4e6a5dd95e20";
        //     var s = document.getElementsByTagName("script")[0];
        //     s.parentNode.insertBefore(hm, s);
        // })();

        // // 解决bootstrap和amazeui的css初始化引起的富文本编辑器生成的表格cellpadding样式被覆盖的问题
        // const table = document.querySelector('div.table.common > table');
        // if (table) {
        //     const cellPaddingValue = table.cellPadding;
        //     const ths = table.querySelectorAll('th');
        //     const tds = table.querySelectorAll('td');
        //     const cells = Array.from(ths).concat(Array.from(tds));
        //     cells.forEach(cell => cell.style.padding = `${cellPaddingValue}px`);
        // }
    </script>

    <!-- 视频播放弹出框 -->
    <div>
        <div id="box_video">
            <a id="close">×</a>
            <div id="video"></div>
        </div>
    </div>
</div>

</body>
</html>